<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML</title>
<link href="../css/通用.css" rel="stylesheet" type="text/css">
	     <style>
 body{
             background-color: black;
            background:url("../photo/3.png") fixed;
	 	z-index: 2;
         }
    </style>
</head>

<body>

	<div class="bigbox">

				<h2>HTML</h2>
				<p style="text-align: right;font-family: 楷体; font-size: 20px;">&nbsp; </p>
		 </div>
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >
<div>
		<div class="smallbox">
			<h2>第一个网页</h2>
			<p style="text-align:left;font-family: 楷体">
			&lt;!DOCTYPE html&gt;<br >
			&lt;html&gt;<br >
			&lt;head&gt;<br >
			&lt;meta charset="utf-8"&gt;<br >
			&lt;title&gt;<br >浏览器标题&lt;/title&gt;<br >
			&lt;/head&gt;<br >
			&lt;body&gt;<br >
 
			&lt;h1&gt;我的第一个标题&lt;/h1&gt;<br >
 
			&lt;p&gt;我的第一个段落。&lt;/p&gt;<br >
 
			&lt;/body&gt;<br >
			&lt;/html&gt;<br >
			</p>
		</div>
		<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >
		<br >
	<br >
	<br >
	<br >

	<br >
	<br >
	<br >
	<br >
	<br >
	<br >	<br >
	<br >
	<br >
		<div class="smallbox">
			<h2>HTML 元素语法</h2>
			<p style="text-align: left;font-family: 楷体">
			HTML 元素以开始标签起始<br >
			HTML 元素以结束标签终止<br >
			元素的内容是开始标签与结束标签之间的内容<br >
			某些 HTML 元素具有空内容（empty content）<br >
			空元素在开始标签中进行关闭（以开始标签的结束而结束）<br >
			大多数 HTML 元素可拥有属性<br >
			</p>
		</div>
		<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >
		<br >
	<br >
	<br >
	<br >
	<br >
		<br >
	<br >
	<br >
	<br >
	<br >
	<br >	
	<br >
	<br >
	<br >	<div class="smallbox">
			<h2>CSS样式</h2>
			<p style="text-align: left;font-family: 楷体">
			一.&nbsp;行内样式<br >
			当特殊的样式需要应用到个别元素时，就可以使用行内样式。 使用行内样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。<br >
			二.&nbsp;内部样式<br >
			当单个文件需要特别样式时，就可以使用内部样式表。<br >
			三.&nbsp;链入外部样式<br >
			当样式需要被应用到很多页面的时候，链入外部样式表将是理想的选择。<br >
			四.&nbsp;导入外部样式表<br >
			等于将CSS代码导入并存在网页内部<br >
			</p>
		</div>
		<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >
		<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >	
	<br >
	<br >
	<br >
	<div class="smallbox">
			<h2>CSS 元素选择器</h2>
			<p style="text-align: left;font-family: 楷体">
			一.  标记选择器<br >
			基本语法：<br >
			标记名{属性1：值1；属性2：值2；……}<br >
			二. 类选择器<br >
			基本语法：<br >
			类.标记名{属性1：值1；属性2：值2；……}<br >
			三. id选择器<br >
			基本语法：<br >
			标记名#id名{属性1：值1；属性2：值2；……}<br >
			四. 通用选择器<br >
			基本语法：<br >
			*{属性1：值1；属性2：值2；……}<br >
			</p>
		</div>
		<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >
		<br >
	<br >
	<br >
	<br >
		<br >
	<br >
	<br >
	<br >
	<br >
	<br >
	<br >	<br >
	<br >
	<br >	<div class="smallbox">
			<h2></h2>
			<p style="text-align: left;font-family: 楷体">
			</p>
		</div>
	
	<div class="pagination Paging-box">
  <a href="#">&lt;</a>
 	<a href="课程表.html">1</a>
   <a href="linux.html">2</a>
  <a href="HTML.html">3</a>
  <a href="python.html">4</a>
   <a href="MySQL.html">5</a>
   <a href="#">6</a>
   <a href="#">7</a>
  <a href="#">8</a>
  <a href="#">9</a>
  <a href="#" >&gt;</a>
</div>
	</div>
</body>
</html>
